<template>
  <div id="app">
    <el-row class="row1">
        <el-col :span="6">
          <span>游戏类型：</span>
        </el-col>
        <el-col :span="17" style="text-align: left;">
             <template>
                <el-select v-model="value" placeholder="请选择银行">
                    <el-option
                      v-for="item in options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value">
                    </el-option>
                </el-select>
            </template>
        </el-col>
      </el-row>
      <el-row class="row1" style="margin-bottom: 10px;">
        <el-col :span="6">
          <span>开始时间：</span>
        </el-col>
        <el-col :span="17" style="text-align: left;">
          <el-date-picker
            v-model="value1"
            type="date"
            placeholder="选择日期">
          </el-date-picker>
        </el-col>
      </el-row>
      <el-row class="row1" style="margin-bottom: 10px;">
        <el-col :span="6">
          <span>结束时间：</span>
        </el-col>
        <el-col :span="17" style="text-align: left;">
          <el-date-picker
            v-model="value1"
            type="date"
            placeholder="选择日期">
          </el-date-picker>
        </el-col>
      </el-row>
      <div style="margin: 15px 0px;text-align: center;">
        <router-link to="/my"><el-button type="primary" round style="width: 50%;" >确定</el-button></router-link>
      </div>
      <!-- <div class="div1">
        <div class="left">
          <span>游戏类型：</span>
        </div>
        <div class="right">
          <select class="mui-btn mui-btn-block">
            <option value="item-1">伯乐创投</option>
            <option value="item-2">短期定投通</option>
          </select>
        </div>
      </div>
      <div class="div1">
        <div class="left">
          <span>开始时间：</span>
        </div>
       <div class="right">
          <mt-field  placeholder="请输入生日" type="date" v-model="birthday" style="margin: 0;"></mt-field>
        </div>
      </div>
      <div class="div1">
        <div class="left">
          <span>结束时间：</span>
        </div>
        <div class="right">
          <mt-field  placeholder="请输入生日" type="date" v-model="birthday"  style ="margin: 0;"></mt-field>
        </div>
      </div>
      <div style="text-align: center;width:45%;margin:0 auto;">
        <mt-button type="primary" size="large">确定</mt-button>
      </div> -->
  </div>
</template>
<script>
export default {
   data() {
      return {
        birthday:"",
        value:"",
        value1:"",
        input:"",
        options: [{value: '选项1',label: '伯乐创投'},{value: '选项2',label: '短期定投通'}],
      }
    },
    created(){

    },
    methods:{

    },
    // components(){

    // },  
}
</script>
<style lang="less">
.row1{
    line-height: 55px;
    text-align: center;
    margin: 15px 0px;
}
// //////
  .left{
    // border: 1px solid red ;
    width: 25%;
    box-sizing: border-box;
    float: left;
  }
  .right{
    // border: 1px solid red ;
    width: 75%;
    box-sizing: border-box;
    float: left;
  }
  .mui-btn-block{
    font-size: 18px;
    display: block;
    width: 70%;
    padding: 15px 0;
  }
  .div1{
    height: 60px;
    // border: 1px solid red;
    line-height: 60px;
    box-sizing: border-box;
    margin: 15px;
  }
  mint-field-core{
    margin: 0px;
  }

</style>
